<template>
  <div class="foot">
    <div class="foot-tips">
      <p>
        房先森互联网家装有别于传统装修公司与其他装修中介平台，以自营模式整合设计师与项目经理，利用互联网将工地进行在线全景直播，通过去中间环节，提供装修套餐
        + 个性化定制服务。
      </p>
    </div>

    <footer class="footer-nav">
      <p>
        <i class="iconfont icon-hot-line green"></i>
        <a href=" ">服务热线:17757169861</a>
      </p>
      <p class="flex">
        <a href="/" class="green">触屏版</a>
        <a href="http://www.sirfang.com/">电脑版</a>
        <a  @click="$router.push('/Guanyu')">关于我们</a>
        <a   @click="$router.push('/Lianxi')">联系我们</a>
      </p>
      <p class="copyright">
        © 2016
        <a href="https://beian.miit.gov.cn" target="_blank"
          >浙ICP备15033817号-1</a
        >
      </p>
    </footer>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  mounted() {},
  methods: {},
  components: {},
};
</script>

<style lang='scss' scoped>
.foot {
    width: 100%;
    height: 200px;
    margin-top: 10px;
    background-color: #f4f4f4;
    // position: absolute;
    // bottom: 0;
}
.foot-tips {
  padding: 10px 0px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 16px;
  text-indent: 10px;
  color: #666;
  background-color: #fff;
  margin-top: 10px;
}
p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.footer-nav {
  padding: 10px;
  margin-top: 10px;
  background: #fff;
  font-size: 14px;
  text-align: center;
  color: #999;
}
.footer-nav p {
  margin-bottom: 10px;
}
a {
  color: #333;
}
.flex {
  width: 100%;
  display: flex;
}
.flex a,
.flex li {
  width: 100%;
  display: inline-block;
  flex: 1;
  text-align: center;
}
.green {
  color: #2bb281;
}
.footer-nav p.copyright {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #eaeaea;
}
</style>
